<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> 
  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
</head>

<body>
  <div class="top-bg">
    <div id="main">
    	<!-- header -->
      <header>
        <div class="logo"><a href="index.html"><img src="images/logo.jpg" alt=""></a></div>
       
        <nav class="menu">
          <ul>
          	<li><a href="#">Giới thiệu</a></li>
            <li><a href="#">Đăng ký</a></li>
            <li><a href="#">Gian hàng</a></li>
            <li><a href="#">Trợ giúp</a></li>
          </ul>
        </nav>
         <nav class="top-nav">
          <ul>
          	<li><a href="#">Tên tài khoản</a></li>
            <li><a href="#">Gian hàng của tôi</a></li>
            <li><a href="#">Giỏ hàng của tôi</a></li>
            <li><a href="#">Đăng nhập</a></li>
            <li><a href="#">Đăng xuất</a></li>
          </ul>
        </nav>
        <div class="welcome-message">
        	Chào bạn đến với Web Store
        </div>
      </header>
      <!-- content -->
      <section id="content">
        <div class="wrapper">
          <aside class="left">
          	<div class="box">
              <h4>Tìm kiếm</h4>
              <div class="inner">
                <form action="" class="search-form">
                  <fieldset>
                    <p class="field"><input type="text" class="text"></p>
                    <input type="submit" value="Tìm" class="submit">
                  </fieldset>
                </form>
              </div>
            </div>
            
              <div class="box">
              <h4>Danh mục sản phẩm</h4>
              <div class="block poll-block">
                <ul class="categories">
               	  <li><a href="#">Sách (100)</a></li>
                   <li><a href="#">Máy nước (200) </a></li>
                </ul>
                
              </div>
            </div>
            
           
           
          </aside>
          <div class="content">
            <h2>Máy nước</h2>
            <div class="indent">
              <ul class="products-list">
                <li>
                  <h3><a href="#">DeWalt DW432 Heavy-Duty 3" X </a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img2.jpg" alt=""></a></figure>
                  <strong class="price">350.000 vnđ</strong>
                  <p>Phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả </p>
                  <a href="#" class="button">Thêm vào giỏ</a>
                </li>
                <li class="even">
                  <h3><a href="#">DeWalt DW432 Heavy-Duty 3" X </a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img2.jpg" alt=""></a></figure>
                  <strong class="price">350.000 vnđ</strong>
                  <p>Phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả </p>
                  <a href="#" class="button">Thêm vào giỏ</a>
                </li>
                <li class="last">
                  <h3><a href="#">DeWalt DW432 Heavy-Duty 3" X </a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img2.jpg" alt=""></a></figure>
                  <strong class="price">350.000 vnđ</strong>
                  <p>Phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả </p>
                  <a href="#" class="button">Thêm vào giỏ</a>
                </li>
                <li class="even last">
                  <h3><a href="#">DeWalt DW432 Heavy-Duty 3" X </a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img2.jpg" alt=""></a></figure>
                  <strong class="price">350.000 vnđ</strong>
                  <p>Phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả phần mô tả </p>
                  <a href="#" class="button">Thêm vào giỏ</a>
                </li>
              </ul>
            </div>
          </div>
          <aside class="right">
             <div class="box">
              <h4>Giỏ hàng của tôi (6) </h4>
              <div class="block myCart">
              <ul>
               <li>Sản phẩm 1 (1) </li>
               <li>Sản phẩm 2 (1) </li>
               <li>Sản phẩm 3 (1) </li>
               <li>Sản phẩm 4 (3) </li>
               </ul>
               <br>
               <a  href="#">Thanh toán </a> &nbsp;  | &nbsp; 
               <a href="#">Cập nhật </a>
              </div>
            </div>
            
             <div class="box">
              <h4>So sánh sản phẩm</h4>
              <div class="block products">
                Bạn không có sản phẩm nào để so sánh
              </div>
            </div>
            
             <div class="box">
              <h4>Sản phẩm bán chạy</h4>
              <div class="block products">
               <ul>
               <li><a href="#">Máy bơm nước zunzun ( 2000 lượt mua)</a></li>
                <li><a href="#">Điện thoại Nokia 2800 ( 9580 lượt mua)</a></li>
               </ul>
              </div>
            </div>
            
          </aside>
        </div>
      </section>
      <!-- footer -->
      <footer>
        <div class="wrapper">
          <nav class="footer-nav">
            <ul>
            	<li><a href="#">Thông tin</a></li>
              <li><a href="#">Hỗ trợ khách hàng</a></li>
              <li><a href="#">Site Map</a></li>
              <li><a href="#">Tìm kiếm nâng cao</a></li>
              <li><a href="#">Liên hệ</a></li>
            </ul>
          </nav>
          <div class="copy fright">&copy; 2011 Web Store. Sinh viên Khoa CNTT<a href="#"></div>
        </div>
      </footer>
    </div>
  </div>
</body>
</html>
